import styled from 'styled-components'
import Border1px from 'components/style/Border1px'
const ListContainer = styled.div`
height:100%;
display:flex;
flex-direction:column;
  .am-navbar{
      background:#ee7530;
    input{
        width:5.6rem;
        background:#d46827;
        border:none;
        border-radius:0.1rem;
    }
    .am-icon-search{
        margin-right:0 !important;
    }
    svg{
        fill:white;
    }
  } 
  .itemContainer{
     flex:1;
  }
`
const Item=styled.div`
display:flex;
padding:0.2rem;
img{
    width:2.3rem;
    height:1.5rem;
}
.content{
    margin-left:0.3rem;
    flex:1;
    width:0;
    h2{
      line-height:0.8rem;
      font-weight:300;
    }
    h3{
      line-height:0.3rem;
      font-weight:300;
    }
    span{
      font-weight:300;
      line-height:0.5rem;
    }
}
`
const ItemContainer=Border1px(Item,'0rem 0rem 0.01rem 0rem','#666666')

const Burdens=styled.h3`
    width:95%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
`
export{
    ListContainer,
    ItemContainer,
    Burdens
} 